/**
 * Challenge Cup default_blue template CSS file,
 * @author Luke Barratt 
 * @copyright Copyright (C) 2008 by Luke Barratt
 * @license http://www.gnu.org/copyleft/gpl.html
 * 
 * COLOR SCHEME:
 * 
 * HEX: #333333   RGB: 51, 51, 51	// Dark Grey
 * HEX: #666666   RGB: 102, 102, 102	// Light Grey
 * HEX: #FFFFFF   RGB: 255, 255, 255	// Pure White
 * HEX: #5095BE   RGB: 80, 149, 190	// Light Blue
 * HEX: #2D5B77   RGB: 45, 91, 119	// Dark Blue
 * HEX: #000000   RGB: 0, 0, 0	// Pitch Black
 *
 * If you plan on using this template as a base,
 * or want to modify it in anyway, it would be a good
 * idea to find & replace the colours listed above.
 */
 
/**
 * Browser CSS Reset
 */
 
* {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
 
a {
	color: #ffffff;	
}

/**
 * Disable body margins & padding
 */ 

body {
	margin: 0px;
	padding: 0px;
	font-family: helvetica, sans-serif, verdana, monospace;
	background-color: #333333;
}

/**
 * Critical Div layout styling & positioning
 */ 
 
 
#offline {
	/* Offline div styling */ 
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	text-align: center;
	border: 1px #666666 solid;
	padding: 20px;
	color: #5095BE;
	background-color: #2D5B77;
}

#container {
	/* Main pody div positioning */
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#header {
	/* Header positioning, banner etc */
	width: 800px;
	height: 100px;
	padding-top: 0px;
	border: 1px #666666 solid;
	background-color: #2D5B77;
}

#header h1 {
	/* Header text styling */
	font-family: georgia, verdana, sans-serif, trebuchet ms;
	color: #5095BE;
	top: 50%;
	margin-top: 30px;
	margin-left: 30px;
	float: left;
}

#header h1 a {
	/* Nullify default browser styling */
	font-family: georgia, verdana, sans-serif, trebuchet ms;
	color: #5095BE;
	text-decoration: none
}

#topmenu {
	/* Top Menu Horizontal positioning */
	width: 800px;
	height: 20px;
}

#topmenu .item {
	/* Top Menu button styling */
	width: 800px;
	border: 1px #666666 solid;
	border-top: none;
	background-color: #2D5B77;
	margin-left: 10px;
	padding: 5px;
	width: 100px;
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: sans-serif, trebuchet ms;
	display: block;
	float: left;
}

#topmenu .item a {
	/* Top Menu button hyperlink styling */
	text-decoration: none;
	color: #ffffff;
	margin-left: 5px;
}

#topmenu .item a:hover {
	/* Top Menu button hyperlink hovered styling */
	text-decoration: none;
	color: #5095BE;
}

#leftmenu {
	/* Left Menu positioning */
	width: 150px;
	border: 1px #666666 solid;
	background-color: #2D5B77;
	float: left;
	margin-top: 20px;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#leftmenu .game {
	/* Left Menu current game styling */
	border: 1px #000000 solid;
	background-color: #5095BE;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	font-size: 10px;
	font-family: sans-serif, trebuchet ms;
	padding-left: 5px;
}

#leftmenu .game a {
	/* Left Menu current game button hyperlink styling */
	text-decoration: none;
	color: #ffffff;
}

#leftmenu .item {
	/* Left Menu button styling */
	border: 1px #000000 solid;
	background-color: #666666;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	font-size: 10px;
	font-family: sans-serif, trebuchet ms;
	padding-left: 5px;
}

#leftmenu .item:hover {
	/* Left Menu button hover styling */
	background-color: #5095BE;
}

#leftmenu .item a {
	/* Left Menu button hyperlink styling */
	text-decoration: none;
	color: #ffffff;
}

#content {
	/* Content Area positioning */
	width: 610px;
	border: 1px #666666 solid;
	background-color: #2D5B77;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
}

#notice:before {
	/* system error & debug warning */
	content: "WARNING: ";
}

#notice {
	/* system error & debug notice */
	text-align: left;
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-family: sans-serif, trebuchet ms;
	border: 1px #000000 solid;
	background-color: #333333;
	width: 598px;
	text-align: center;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;	
}

#mininav {
	/* Mininav positioning */
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	display: block;
	font-size: 9px;
	font-family: sans-serif, trebuchet ms;
	border: 1px #000000 solid;
	background-color: #5095BE;
	width: 598px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
}

#mininav .arrow {
	/* Mininav positioning */
	color: #000000;
}

#mininav a {
	/* Mininav link styling */
	color: #ffffff;
	text-transform: uppercase;
	font-size: 9px;
	font-family: sans-serif, trebuchet ms;
	text-decoration: none;
}

#mininav a:hover {
	/* Mininav hover link styling */
	color: #2D5B77;
	text-transform: uppercase;
	font-size: 9px;
	font-family: sans-serif, trebuchet ms;
	text-decoration: none;
}

#footer {
	/* Footer positioning & styling */
	border-top: 1px #666666 solid;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	clear: both;
	display: block;
	font-size: 10px;
	font-family: sans-serif, trebuchet ms;
}

/**
 * Module Data styling
 */ 
 
/* NEWS MODULE */

#news {
	padding: 5px;
	font-size: 12px;
	border: 1px #666666 solid;
	margin-top: 5px;
}

#newsbar {
	/* News content positioning & styling*/
	width: 100%;
	font-family: georgia, verdana, sans-serif, trebuchet ms;
	color: #ffffff;
	font-size: 12px;
	height: 40px;
}

#title {
	float: left;
}

#title h2 {
	/* Page/News title styling */
	font-family: georgia, verdana, sans-serif, trebuchet ms;
	color: #5095BE;
	margin-top: 5px;
	margin-bottom: 5px;
	text-transform: capitalize;	
}

#newscontent {
	/* News content positioning & styling*/
	width: 100%;
	font-family: georgia, verdana, sans-serif, trebuchet ms;
	color: #ffffff;
	font-size: 12px;
}

#newsdate {
	/* News date styling*/
	float: right;
	font-family: sans-serif, trebuchet ms;
	color: #ffffff;
	font-size: 10px;
	margin-top: 5px;
	text-align: right;
}

#alias {
	/* Content Area positioning */
	font-family: sans-serif, trebuchet ms;
	font-size: 12px;
}

/* TEAMS MODULE */

#teams {
	/* The div surrounding the entire teams module */
}

#teams .team {
	/* The flag & team name div */
	float: left;
}

#teams .bar {
	/* The div which contains the team content */
	border: 1px #666666 solid;
	margin-top: 3px;
	font-size: 12px;
	padding: 2px;
	height: 14px;
	color: #ffffff;
}

#teams .www {
	/* Team website address styling */
	float: right;
}

#leftinfo {
	/* The left floated team info div */
	border: 1px #666666 solid;
	margin-top: 5px;
	font-size: 12px;
	padding: 2px;
	color: #ffffff;
	float: left;
	width: 47%;
}

#rightinfo {
	/* The left floated team info div */
	border: 1px #666666 solid;
	margin-top: 5px;
	font-size: 12px;
	padding: 2px;
	color: #ffffff;
	float: right;
	width: 49%;
}

/* PLAYERS MODULE */

/**
 * Form Styling
 */ 

#user {
	font-size: 10px;
	font-family: sans-serif, trebuchet ms;
	float: right;
	height: 100px;
	width: 200px;
}

/**
 * End of stylesheet
 */